<template>
  <!-- 服务特点 -->
  <section class="py-12 bg-white">
    <div class="container mx-auto px-4 sm:px-6 lg:px-8">
      <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
        <div
          class="bg-gray-50 p-6 rounded-xl hover:shadow-lg transition-custom"
        >
          <div
            class="w-12 h-12 bg-primary/10 rounded-lg flex items-center justify-center mb-4"
          >
            <i class="fa fa-download text-primary text-xl"></i>
          </div>
          <h3 class="text-lg font-semibold mb-2">即时下载</h3>
          <p class="text-neutral">购买后立即下载高清PDF乐谱，支持多设备访问</p>
        </div>
        <div
          class="bg-gray-50 p-6 rounded-xl hover:shadow-lg transition-custom"
        >
          <div
            class="w-12 h-12 bg-primary/10 rounded-lg flex items-center justify-center mb-4"
          >
            <i class="fa fa-music text-primary text-xl"></i>
          </div>
          <h3 class="text-lg font-semibold mb-2">海量曲库</h3>
          <p class="text-neutral">超过100,000份乐谱，涵盖所有乐器和音乐风格</p>
        </div>
        <div
          class="bg-gray-50 p-6 rounded-xl hover:shadow-lg transition-custom"
        >
          <div
            class="w-12 h-12 bg-primary/10 rounded-lg flex items-center justify-center mb-4"
          >
            <i class="fa fa-certificate text-primary text-xl"></i>
          </div>
          <h3 class="text-lg font-semibold mb-2">正版保障</h3>
          <p class="text-neutral">所有乐谱均经版权认证，确保合法使用</p>
        </div>
      </div>
    </div>
  </section>
</template>

<script lang="ts" setup></script>
